<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>图片测试用例</title>
        <link type="stylesheet" rel="view/css/image.css" media="screen"/>

        <script type="text/javascript" src="/node_modules/vue/dist/vue.js"></script>
        <script type="text/javascript" src="/node_modules/vue-resource/dist/vue-resource.js"></script>

        <script type="text/javascript" src="/view/js/vueCodeImg.js"></script>
    </head>
    <body>
        <!-- 主体直接显示所有信息 -->
        <div id="main">
            <h1 @click="back()">BACK</h1>
            <div class="imgBox">
                <img-block v-for="(url, index) in imgList" :key="'img' + index" :url="url"></img-block>
            </div>

            <!-- 用于实现滑动查看图片的功能 -->
            <!-- <div id="leftp"></div>
            <div id="center"></div>
            <div id="right"></div>
            <div id="tools"></div> -->
            <h2 @click="back()">endView</h2>
        </div>
    </body>
</html>